function parseName()
{
  var text = $("#name").val();
  $("#nameOut").text("<h3>" + text + "</h3>");
}

function parseIng()
{
  var lines = $("#ing").val().split(/\n/);
  var text = lines.join("</li><li>");
  $("#ingOut").text("<ul><li>" + text + "</li></ul>");
}

function parseInst()
{
  var text = $("#inst").val();
  var paragraphs = text.split(/\n\n/);
  text = paragraphs.join("</p><p>");
  $("#instOut").text("<p>" + text + "</p>");
}

$(document).ready(function()
{
  $("#name").blur(function() { parseName(); });
  $("#ing").blur(function()  { parseIng();  });
  $("#inst").blur(function() { parseInst(); });
  $("#clear").click(function()
  {
    $("#name").val('');
    $("#nameOut").text('');
    $("#ing").val('');
    $("#ingOut").text('');
    $("#inst").val('');
    $("#instOut").text('');
  });
});
